// components/Search/SearchInput.js
Component({
  options: {
    multipleSlots: true
  },
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    placeholderFocusClass: '',
    value: ''
  },

  /**
   * 组件的方法列表
   */
  methods: {
    placeholderFocusClass: function (clazz) {
      return clazz;
    },
    onSearch: function(e){
      const { value } = this.data;
      let myEventOption = {
        bubbles: false,//事件是否冒泡
        composed: false,//事件是否可以穿越组件边界
        capturePhase: false //事件是否拥有捕获阶段
      } // 触发事件的选项
      this.triggerEvent('search', { value }, myEventOption)
    },
    onInput: function(e){
      this.setData({value: e.detail.value});
    }
  }
})
